/* TOOLTIP*/

div > .tooltip, li > .tooltip, a > .tooltip, span > .tooltip {
opacity: 0;
margin-top: 10px; 
visibility: hidden;
margin-left: -230px;
-webkit-transition-property:opacity, margin-top, visibility, margin-left;
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-property:opacity, margin-top, visibility, margin-left;
-moz-transition-duration:0.5s;
-moz-transition-timing-function: ease-in-out;
-o-transition-property:opacity, margin-top, visibility, margin-left;
-o-transition-duration:0.5s;
-o-transition-timing-function: ease-in-out;
transition-property:opacity, margin-top, visibility, margin-left;
transition-duration:0.5s;
transition-timing-function: ease-in-out;
}
div:hover > .tooltip, li:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip,
a .tooltip:hover, span .tooltip:hover, li .tooltip:hover, div .tooltip:hover {
opacity: 1;
visibility: visible;
overflow: visible;
margin-top: -20px;
display: inline;
margin-left: -70px;
-webkit-transition-property:opacity, margin-top, visibility, margin-left;
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-property:opacity, margin-top, visibility, margin-left;
-moz-transition-duration:0.5s;
-moz-transition-timing-function: ease-in-out;
-o-transition-property:opacity, margin-top, margin-left;
-o-transition-duration:0.5s;
-o-transition-timing-function: ease-in-out;
transition-property:opacity, margin-top, visibility, margin-left;
transition-duration:0.5s;
transition-timing-function: ease-in-out;
}
.tooltip {
background: #eae8e8;
border: #AAA dotted 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
width: 85px;
padding: 5px;
margin: 5px;
position: absolute;
font: normal 12px Verdana;
text-decoration: none;
color: #ffffff;
z-index: 10;
}
.tooltip span { /* Triangle */
background: #000;
border: #ffff01 solid 2px;

width: 10px;
height: 10px;
margin-left: 47px;
margin-top: -12px;
display: block;
position: absolute;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
display /*\**/: none\9;
*display: none !important;
*display: none;
}

/* END TOOLTIP*/